<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="X-UA-Compatible" content="IE=7"/>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>NTB &#9679; Stamp Duty and Registration</title>

    <style type="text/css" media="all">
        @import url("css/style.css");
        @import url("css/jquery.wysiwyg.css");
        @import url("css/facebox.css");
        @import url("css/visualize.css");
        @import url("css/date_input.css");
    </style>

    <!--[if lt IE 8]>
    <style type="text/css" media="all">@import url("css/ie.css");</style><![endif]-->

</head>


<body>

<div id="hld">

<div class="wrapper">        <!-- wrapper begins -->


<div id="header">
    <div class="hdrl"></div>
    <div class="hdrr"></div>

    <h1><a href="#">NTB</a></h1>

    <ul id="nav">
        <li><a href="#">Dashboard</a></li>
        <li class="active"><a href="#">Lands</a>
            <ul>
                <li><a href="#">Locations</a></li>
                <li><a href="#">Lands Plan Laid</a></li>
                <li><a href="#">Manage Lands</a></li>
            </ul>
        </li>
        <li><a href="#">Buildings</a>
            <ul>
                <li><a href="#">Buildings Type</a></li>
                <li><a href="#">Manage Buildings</a></li>
            </ul>
        </li>
        <li><a href="#">Sales</a>
            <ul>
                <li><a href="#">Flats (Houses, Shops)</a></li>
                <li><a href="#">Manage Sales</a></li>
            </ul>
        </li>
        <li><a href="#">Users</a>
            <ul>
                <li><a href="#">Manage Users </a></li>
                <li><a href="#">Groups</a></li>
                <li><a href="#">Permissions</a></li>
            </ul>
        </li>
        <li><a href="#">Contacts</a></li>
    </ul>

    <p class="user">Hello, <a href="#">John</a> | <a href="index.html">Logout</a></p>
</div>
<!-- #header ends -->


<div class="block">

    <div class="block_head">
        <div class="bheadl"></div>
        <div class="bheadr"></div>

        <h2>Statistics chart</h2>
        <form action="">
            <select class="styled" style="width: 100px;">
                <option>2011</option>
                <option>2012</option>
            </select>
        </form>

    </div>
    <!-- .block_head ends -->

    <div class="block_content tab_content">

        <table class="stats" rel="bar" cellpadding="0" cellspacing="0" width="100%">

            <thead>
            <tr>
                <td>&nbsp;</td>
                <th scope="col">JAN</th>
                <th scope="col">FEB</th>
                <th scope="col">MAR</th>
                <th scope="col">APR</th>
                <th scope="col">MAY</th>
                <th scope="col">JUN</th>
                <th scope="col">JUL</th>
                <th scope="col">AUG</th>
                <th scope="col">SEP</th>
                <th scope="col">OCT</th>
                <th scope="col">NOV</th>
                <th scope="col">DEC</th>
                <th scope="col">JAN</th>
                <th scope="col">FEB</th>
            </tr>
            </thead>

            <tbody>
            <tr>
                <th scope="row">Lands</th>
                <td>1800</td>
                <td>900</td>
                <td>700</td>
                <td>1200</td>
                <td>600</td>
                <td>2800</td>
                <td>3200</td>
                <td>500</td>
                <td>2200</td>
                <td>1000</td>
                <td>1200</td>
                <td>700</td>
                <td>650</td>
                <td>800</td>
            </tr>

            <tr>
                <th scope="row">Buildings</th>
                <td>1600</td>
                <td>650</td>
                <td>550</td>
                <td>900</td>
                <td>500</td>
                <td>2300</td>
                <td>2700</td>
                <td>350</td>
                <td>1700</td>
                <td>600</td>
                <td>1000</td>
                <td>500</td>
                <td>400</td>
                <td>700</td>
            </tr>

            <tr>
                <th scope="row">Sales</th>
                <td>1600</td>
                <td>650</td>
                <td>550</td>
                <td>900</td>
                <td>500</td>
                <td>2300</td>
                <td>2700</td>
                <td>350</td>
                <td>1700</td>
                <td>600</td>
                <td>1000</td>
                <td>500</td>
                <td>400</td>
                <td>700</td>
            </tr>
            </tbody>
        </table>

    </div>
    <!-- .block_content ends -->

    <div class="bendl"></div>
    <div class="bendr"></div>
</div>


<div class="block medium left">

    <div class="block_head">
        <div class="bheadl"></div>
        <div class="bheadr"></div>

        <h2>Recent Contacts</h2>

    </div>
    <!-- .block_head ends -->


    <div class="block_content">

            <table cellpadding="0" cellspacing="0" width="100%" class="sortable">

                <thead>
                <tr>
                    <th style="width: 20%;">Name</th>
                    <th>Title</th>
                    <th style="width: 150px;">Sent</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><a href="#">John Doe</a></td>
                    <td><a href="#">Aorem ipsum dolor</a></td>
                    <td>20.03.2010 20:12</td>
                </tr>

                <tr>
                    <td><a href="#">John Doe</a></td>
                    <td><a href="#">Zn ac libero nunc, vel congue neque</a></td>
                    <td>18.03.2010 20:12</td>
                </tr>

                <tr>
                    <td><a href="#">John Doe</a></td>
                    <td><a href="#">Borem ipsum dolor</a></td>
                    <td>20.03.2010 20:12</td>
                </tr>

                <tr>
                    <td><a href="#">John Doe</a></td>
                    <td><a href="#">Aaa In ac libero nunc, vel congue neque</a></td>
                    <td>18.03.2010 20:12</td>
                </tr>

                <tr>
                    <td><a href="#">John Doe</a></td>
                    <td><a href="#">Lorem ipsum dolor</a></td>
                    <td>20.03.2010 20:12</td>
                </tr>
                </tbody>

            </table>

    </div>
    <!-- .block_content ends -->

    <div class="bendl"></div>
    <div class="bendr"></div>
</div>
<!-- .block ends -->



<div class="block tiny right">

    <div class="block_head">
        <div class="bheadl"></div>
        <div class="bheadr"></div>

        <h2>Global Statistics</h2>
    </div>
    <!-- .block_head ends -->


    <div class="block_content">

        <table cellpadding="0" cellspacing="0" width="100%" class="sortable">
            <thead>
                <th>Statistics</th>
                <th width="20%">Count</th>
            </thead>
            <tbody>
            <tr>
                <td>Total lands</td>
                <td>2000</td>
            </tr>
            <tr>
                <td>Total buildings</td>
                <td>2000</td>
            </tr>
            <tr>
                <td>Total flats</td>
                <td>2000</td>
            </tr>
            <tr>
                <td>Total sales</td>
                <td>2000</td>
            </tr>
            <tr>
                <td>Total contacts</td>
                <td>2000</td>
            </tr>
            </tbody>

        </table>

    </div>
    <!-- .block_content ends -->

    <div class="bendl"></div>
    <div class="bendr"></div>

</div>
<!-- .block.small.left ends -->

<div id="footer">

    <p class="left"><a href="#">YourWebsite.com</a></p>

    <p class="right">powered by <a
            href="http://themeforest.net/item/adminus-beautiful-admin-panel-interface/94668?ref=enstyled">Adminus</a>
        v1.4</p>

</div>

</div>
<!-- wrapper ends -->

</div>
<!-- #hld ends -->


<!--[if IE]>
<script type="text/javascript" src="js/excanvas.js"></script><![endif]-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.img.preload.js"></script>
<script type="text/javascript" src="js/jquery.filestyle.mini.js"></script>
<script type="text/javascript" src="js/jquery.wysiwyg.js"></script>
<script type="text/javascript" src="js/jquery.date_input.pack.js"></script>
<script type="text/javascript" src="js/facebox.js"></script>
<script type="text/javascript" src="js/jquery.visualize.js"></script>
<script type="text/javascript" src="js/jquery.visualize.tooltip.js"></script>
<script type="text/javascript" src="js/jquery.select_skin.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="js/ajaxupload.js"></script>
<script type="text/javascript" src="js/jquery.pngfix.js"></script>
<script type="text/javascript" src="js/custom.js"></script>


</body>
</html>